
import * as React from 'react';
import { View, Button } from 'react-native';


function FirstPage(props) {
    const { navigation } = props;
    return (
        <View style={{ flex: 1, alignItems: 'center', justifyContent: 'space-around' }}>
            <Button
                title="Second Page"
                onPress={() => navigation.navigate('SecondPage',
                    {
                        data: 'DSSMV students are upset with professor!!!!',
                    }
                )}
                color="gray"
            />
            <Button
                title="Third Page"
                onPress={() => navigation.navigate('ThirdPage')}
                color="green"
            />
            <Button
                title="Fourth Page"
                onPress={() => navigation.navigate('FourthPage')}
                color="red"
            />
        </View >

    );
}

export default FirstPage;
